У цій статті поговоримо про створення візуального стилю ігрового проекту. З чого почати, якими методами і хитрощами користуються в нашій компанії і, можливо, в інших.

Про нас

Ми — невелика інді-команда. Любимо ігри, ми в них граємо і ми їх робимо. Намагаємося комбінувати механіки і виробляти гри, яких ще не було.

А ось і я

Я, Кирило, художник площин, по суті займаюся всім 2D-артом у проекті: те-се, концепти, UI, іноді анімацією, персонажами, фоном…

Концепт

Виробництво графічної складової більшості проектів, після обговорення ідеї, починається з концептів. Способів створення концептів буває багато. Розглянемо деякі з них.

Створення форми

Цей метод в основному використовую я. У такому варіанті створюється форма об’єкта, потім її деталізація, опрацювання об’єму, вибір кольору та освітлення. Можливі варіанти з пропуском певних етапів або їх суміщення, наприклад кольором відразу створювати об’єм.

Форма об’єкта повинна бути зрозумілою, передавати характер, стан об’єкта та його властивості.

Заздалегідь слід врахувати, що з Вашим концептом, можливо, доведеться працювати далі не тільки вам але й іншим. Тому, чим зручніший ракурс і деталізація концепту, тим простіше в майбутньому.

Від кольорової гами

Другий, скажений, метод — це «Концепт від кольорової гами». Накидаємо різні картинки на одне поле з різними режимами накладення, розташування і прозорістю.

Розмиваємо все це. Створюється щось подібне до кольорових плям Роршаха. І тут починається творчий процес пошуку форм. Ви бачите тут щось?Я побачив це.

Далі, за необхідності, відтинаємо непотрібне. Деталізуємо і робимо невеликі виправлення. Розкидаємо основні кольори і світло/тінь.

Допрацьовуємо деталі. Вийшов такий маленький мамонто-качкодзьоб. Плюс такого методу в тому, що можна створити найнеймовірніші об’єкти, які при здоровому глузді не прийдуть в голову. Мінус — якщо є конкретне завдання, наприклад носоріг, то важко розгледіти необхідну пляму

За перформансами

Якщо ваш замовник або ґеймдизайнер дає вам точні зразки, то завдання з концептом трохи спрощується. У вас є конкретні пункти, від яких потрібно відштовхуватися. Важливо вказати чого ліпше не робити. У такому разі уникаємо фраз: “Я не це мав на увазі!”

Вибір стилістики

Експерименти

Після створення серії концептів перед командою стоїть виразне зображення майбутнього проекту. Але тепер необхідно вибрати стилістику гри. І це так само можна зробити по-різному.

Найпоширеніший і, на мою думку, найправильніший спосіб — експериментувати. Плюси цього методу: можливість згенерувати багато варіантів. Недолік — час, але зазвичай він виправданий. Потім за певними критеріями відтинаємо непотрібне і вибираємо найкращий варіант.

Критерії

Буває, що ґеймдизайнер або замовник скидає цілком конкретний список критеріїв до стилістики. У такому випадку завдання спрощується. Недолік: якщо замовник нетверезий, збожеволів або сам не знає чого хоче, може статися біда. Хоча, якщо у вас гра про вплив наркотичних речовин, чому б і ні.

Зразки

Найпростіший в реалізації, але найменш творчий підхід — передерти або скопіювати стилістику. Зразок краще використовувати в пошуку деталей, але не в повному копіюванні.

Загальна гама

Для початку потрібно визначитися зі загальною світловою гамою. Це гра в холодних або теплих відтінках, може, вона чорно-біла, вибрати місце і час дії. Усі ці фактори визначать загальну кольорову схему.

Відразу ж порозсипайте зразкові кольору по об’єктах заднього плану, персонажах, інтерфейсу, та іншому.

Палітра

Заготовте палітри кольорів. Палітри можна вибирати різними способами. Наприклад кольори зі зразків. Або накласти на колірне коло фільтр. Можна скласти і свою палітру. Головне — дотримуватися заданого напрямку.

Колір тла

При виборі кольорів для фону слід пам’ятати, що тло не повинне відволікати, навантажувати і дратувати гравця. Кількість кольорів на тлі обмежена.

Для більшої зручності, слід дотримуватися хоча б елементарних законів фізики. Об’єкти, розташовані далі — світліші і менш насичені.

Колір текстур

Текстури повинні бути складені з декількох відтінків одного кольору. Не використовувати максимальні значення RGB-каналів, оскільки при висвітленні такої текстури вона буде надмірно яскравою. Уникати виділених деталей, для запобігання циклічності.

Колір персонажів

Персонаж повинен виділятися. Тому бажано, щоби кольори персонажа і фону перебували в протилежних частинах кольорового кола. Зазвичай, кольори персонажа більш насичені і яскраві. Але яскравість будь-якого кольору не повинна бути більше 80%, оскільки це негативно позначиться при освітленні.

Насиченість кольорів персонажа, зазвичай, менше в ногах і більше у верхній частині (так підкреслюються найважливіші елементи).
Якщо персонаж сильно деталізований, повинні бути контрастні по тону області (для виділення різних форм).

Уникайте чисто чорного і чисто білого — ці кольори погано піддаються освітленню. Додайте додаткових (незначної кількості) кольорів і деталей, так персонаж буде цікавішим, яскравіше, крутіше.

Світло та тінь

Зі світлом і тінню часто бувають проблеми. Багато хто думає, що тінь завжди чорна або сіра, а світ білий, або тільки одного відтінку. Усе це неправда. Навколишній світ теж кольоровий і відкидає свої кольори. Джерела світла не білі. Тому в тінях і на освітлених місцях завжди є незначні відтінки.

Увага до деталей

Особливу увагу необхідно приділити деталізації об’єктів ігрової графіки. Тут є деякі особливості, не притаманні класичному живопису та ілюстрації.

Зони відпочинку

При деталізації будь-якого об’єкта: персонажа, фону, зброї, інтерфейсу, слід дотримувати баланс. Людське око не може одночасно зосереджуватися на великій кількості подробиць. Тому повинні існувати ділянки з малою деталізацією (зони відпочинку).

Мінімальний розмір

Не деталізуйте до таких дрібних речей, яких не буде видно в грі. Вони будуть створювати тільки шум, а промальовування їх забере дорогоцінний час. Обговоріть заздалегідь мінімальний розмір видимого на камері об’єкта.

Функціональність

Дотримуйтесь балансу між деталізацією і функціональністю. Не варто додавати предмету забагато деталей, щоб він не втратив свої функціональні властивості.

Переходи і стики

Неприродно виглядають об’єкти які йдуть в нікуди. Тому на кордоні двох об’єктів повинні бути позначені місця стику. Так картинка буде виглядати більш природно і гармонійно.

Перевір

Після створення всіх об’єктів слід перевіряти їх сполучуваність і тут же виправляти помилки. Аби запобігти таким помилкам, добре б завжди тримати під рукою інші еталонні елементи (орієнтири).

УНІФІКАЦІЯ

Використання одних і тих же ресурсів, або ресурсів з невеликими змінами кілька разів значно заощаджує час і підвищує продуктивність.

Повторне використання

Внісши невелику різноманітність в один і той же “бовванець”, можна отримати абсолютно різні підбірки. Це заощадить час як при створенні нових елементів, так і при їх анімації.

Фарбуй шейдером

Створивши умови для можливості фарбування повторюваних елементів шейдером і зменшивши всі титульні елементи, можна непогано заощадити місце на атласі.

Якщо заздалегідь продумати бовванці для об’єктів, потім їх можна робити нескінченну кількість і при вбудовуванні в рушій втратити набагато менше сил, якщо щоразу створювати унікальні об’єкти.

Смарт-об’єкти

Використання смарт-об’єктів значно економить час і сили. Смарт-об’єкт — це якийсь контейнер, при редагуванні якого, вміст не змінюється. Змінивши перспективу трикутника, який є таким смарт об’єктом, легко надалі редагувати цей трикутник не втрачаючи його перспективу на кінцевому малюнку.

Структура

Наводьте порядок. Так і іншим людям буде легше розібратися, що коїться в ваших файлах і вам самим через кілька місяців, коли ви вже забули, що робили і за що відповідає шар 123bbb98a, буде легше розібратися.

Впровадження в рушій

І ось, ми обмалювали весь контент, але на цьому все не закінчується. Тепер це все треба анімувати або вбудовувати в рушій. Для цього необхідно: обумовити формати зображень, створити атласи необхідних розмірів, з коректним розташуванням об’єктів, за необхідності стиснення атласів в рушії додати шум, мінімізувати площу титульних об’єктів на атласі тощо.

Висновки

Завжди отримуйте задоволення від Вашої роботи. Якщо це не так, то, можливо, Ви зайняті чимось не тим. Не бійтеся експериментувати. Читайте літературу і розвивайтеся. Економте свої сили і сили своїх співробітників. Розважайтеся і стежте за своїм здоров’ям. Успіхів у роботі!

SPACE ANIMALS

Більшість картинок з цієї статті були взяті з нашої нової гри Space Animals. Гра розрахована на широку аудиторію, але ми приділили більше уваги дитячій аудиторії. Гра в гібридному жанрі клікер і ранер, про крутих тварин, що літають в космос у пошуках пригод. Ставайте бета-тестувальниками, вантажте, грайте.

Давайте товаришувати!

• Сайт: heartbeat-games.com
• Email: [email protected]
• Facebook: facebook.com/HeartBeatGamesOfficial
• VK: vk.com/heartbeatgamesofficial
• Twitter: twitter.com/HBGamesOfficial
• Google+: plus.google.com/+HeartBeatGamesOfficial

Пишіть нам, зв’язуйтеся з нами, підписуйтесь на наші канали і стежте за новинами. Вас чекають нові цікаві ігри та багато корисної інформації. Ваші HeartBeatGames.